<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>首页</title>
<style type="text/css">
.dorp{		
		  position: relative;		
		  display: inline-block;		
		}		
		.dorp_con{		
		  display: none;	
		  position: absolute;		
		  background-color: #f9f9f9;		
		  min-width: 160px;		
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);		
		  padding: 12px 16px;		
		}	
		.dorp:hover .dorp_con{display:block;}
.head1{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #3e9fb8;
}
.newimg{
    position: absolute;
    width: 30px;
    height: 30px;
    background:url("imggg.jfif") no-repeat;
    margin-left: 1410px;
}
div{
    position: relative;
}
.head2{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1190px;
    background-color: wheat;
}
.bodys1{
    height: 110px;
    width: 270px;
    position: absolute;
    left: 170px;
    top: 30px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.bodys2{
    height: 110px;
    width: 270px;
    position: absolute;
    left: 450px;
    top: 30px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.bodys3{
    height: 110px;
    width: 270px;
    position: absolute;
    left: 730px;
    top: 30px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.bodys4{
    height: 245px;
    width: 245px;
    position: absolute;
    left: 1070px;
    top: 30px;
    background-color: rgb(141, 139, 160);
}
.bodys5{
    height: 110px;
    width: 270px;
    position: absolute;
    left: 170px;
    bottom: 35px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.bodys6{
    height: 110px;
    width: 270px;
    position: absolute;
    left: 450px;
    bottom: 35px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.bodys7{
    height: 110px;
    width: 270px;
    position: absolute;
    left: 730px;
    bottom: 35px;
    background-color: white;
    border: 1px solid#AFEEEE;
}
.read1{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 25%;
    background-color: white;
}
.read2{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 40%;
    background-color:white;
}
.read3{
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 35%;
    background-color: white;
}
.reads1{
    height: 45%;
    width: 80%;
    position: absolute;
    top: 15px;
    left: 145px;
    background-color:white;
    border: 1px solid #AFEEEE;
}
.reads2{
    height: 45%;
    width: 80%;
    position: absolute;
    bottom: 15px;
    left: 145px;
    background-color:white;
}
.reads3{
    height: 89%;
    width: 80%;
    position: absolute;
    bottom: 15px;
    left: 145px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.fonts{
    position: absolute;
    top: 9px;
    left: 38px;
    color: 	#4F4F4F;
}
.fontss{
    position: absolute;
    top: 20px;
    left: 38px;
    font-weight: 500;
}
.tax1{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 20px;
    left: 80px;
    border-bottom: 1px solid #ECECFF;
}
.tax2{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 20px;
    left: 450px;
    border-bottom: 1px solid #ECECFF;
}
.tax3{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 20px;
    left: 820px;
    border-bottom: 1px solid #ECECFF;
}
.tax4{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 70px;
    left: 80px;
    border-bottom: 1px solid #ECECFF;
}
.tax5{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 70px;
    left: 450px;
    border-bottom: 1px solid #ECECFF;
}
.tax6{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 70px;
    left: 820px;
    border-bottom: 1px solid #ECECFF;
}
.tax7{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 120px;
    left: 80px;
    border-bottom: 1px solid #ECECFF;
}
.tax8{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 120px;
    left: 450px;
    border-bottom: 1px solid #ECECFF;
}
.tax9{
    width: 300px;
    height: 30px;
    background-color: white;
    position: absolute;
    top: 120px;
    left: 820px;
    border-bottom: 1px solid #ECECFF;
}
.rand1{
    height: 100%;
    width: 53%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.rand2{
    height: 100%;
    width: 45%;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: white;
    border: 1px solid #AFEEEE;
}
.rands1{
    color: red;
    position: absolute;
    top: 20%;
    left: 19.5%;
    font-size: 20px;
}
.rands2{
    position: absolute;
    top: 50%;
    left: 18%;
}
.rands3{
    color: red;
    position: absolute;
    top: 20%;
    left: 10%;
    font-size: 20px;
}
.rands4{
    position: absolute;
    top: 50%;
    left: 8%;
}
.point1{
    height: 100%;
    width: 15%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: white;
}
.point2{
    height: 100%;
    width: 85%;
    position: absolute;
    top: 0px;
    left: 15%;
    background-color: white;
}
.points1{
    position: absolute;
    top: 0%;
    right: 10%;
    height: 100%;
    width: 2%;
    background-color: #3e9fb8;
}
</style>
</head>
<body>
    <div>
        <div class="head1">
            <span style="font-size: 23px;">首页</span>
            <button type="submit" onclick="window.open('登录界面\\登录界面.html')" style="position: absolute; top: 2px;right: 10px;">退出</button>
        </div>
        <div class="head2">
            <div class="read1">
                <div class="bodys1">
                    <div style="width: 100%; height: 40%; background-color: #E0FFFF; font-weight: 800;">
                        <span class="fonts">今日订单总数</span>
                    </div>
                    <div>
                        <span class="fontss">800</span>

                    </div>

                </div>
                <div class="bodys2">
                    <div style="width: 100%; height: 40%; background-color:  #E0FFFF; font-weight: 800;">
                        <span class="fonts">今日销售总额</span>
                    </div>
                    <div>
                        <span class="fontss">40000.00</span>

                    </div>
    
                </div>
                <div class="bodys3">
                    <div style="width: 100%; height: 40%; background-color: #E0FFFF; font-weight: 800;">
                        <span class="fonts">昨日销售总额</span>
                    </div>
                    <div>
                        <span class="fontss">35633.79</span>

                    </div>
    
                </div>
                <div class="bodys4">
                    <img style="height: 245px;height: 245px;" src="imggg.jfif" alt="商家头像图片">
                </div>
                <div class="bodys5">
                    <div style="width: 100%; height: 40%; background-color: #E0FFFF; font-weight: 800;">
                        <span class="fonts">后台项目</span>
                    </div>
                    <div>
                        <span class="fontss">mall</span>

                    </div>

                </div>
                <div class="bodys6">
                    <div style="width: 100%; height: 40%; background-color: #E0FFFF; font-weight: 800;">
                        <span class="fonts">后台项目</span>
                    </div>
                    <div>
                        <span class="fontss">mall</span>

                    </div>

                </div>
                <div class="bodys7">
                    <div style="width: 100%; height: 40%; background-color: #E0FFFF; font-weight: 800;">
                        <span class="fonts">后台项目</span>
                    </div>
                    <div>
                        <span class="fontss">mall</span>

                    </div>

                </div>

            </div>
            <div class="read2">
                <div class="reads1"">
                    <div style="width: 100%; height: 25%; background-color: #E0FFFF; font-weight: 800;">
                        <span class="fonts">待处理事务</span>
                    </div>
                    <div style="width: 100%; height: 75%; background-color: white; font-weight: 500;">
                        <div class="tax1">
                            <span>待付款订单</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax2">
                            <span>已完成订单</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax3">
                            <span>待确认收获订单</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax4">
                            <span>代发货订单</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax5">
                            <span>新缺货登记</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax6">
                            <span>待处理申请退货</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax7">
                            <span>已发货订单</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax8">
                            <span>待处理退货订单</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                        <div class="tax9">
                            <span>广告位即将到期</span>
                            <span style="position: absolute;left: 260px;color: red;">(10)</span>
                        </div>
                    </div>
                </div>
                <div class="reads2">
                    <div class="rand1">
                        <div style="width: 100%; height: 25%; background-color: #E0FFFF; font-weight: 800;">
                            <span class="fonts">商品总览</span>
                        </div>
                        <div style="width: 100%; height: 75%; background-color: white; font-weight: 800;">
                            <span class="rands1">400&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                100&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                &nbsp&nbsp&nbsp50&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                &nbsp&nbsp&nbsp&nbsp&nbsp500</span>
                            <span class="rands2">&nbsp已下架&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp已上架
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp库存紧张
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp全部商品</span>
                        </div>
                    </div>
                    <div class="rand2">
                        <div style="width: 100%; height: 25%; background-color: #E0FFFF; font-weight: 800;">
                            <span class="fonts">用户总览</span>
                        </div>
                        <div style="width: 100%; height: 75%; background-color: white; font-weight: 800;">
                            <span class="rands3">100&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                200&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                1000&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                                &nbsp&nbsp&nbsp5000</span>
                            <span class="rands4">今日新增&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp昨日新增
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp本月新增
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp会员总数</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="read3">
                <div class="reads3">
                    <div style="width: 100%; height: 15%; background-color: #E0FFFF; font-weight: 800;">
                        <span class="fonts">订单统计</span>
                    </div>
                    <div style="width: 100%; height: 85%; background-color: white;">
                        <div class="point1" style="border-right: 2px solid #E0FFFF;">
                            <span style="font-size: 15px;position: absolute;top: 15px;left: 15px;color: #696969;">本月订单总数</span>
                            <span style="font-size: 30px;position: absolute;top: 45px;left: 15px;color:black">1000</span>

                        </div>
                        <div class="point2">

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</body>
</html>